<nav id="mainnav-container">
    <div id="mainnav">
        <div id="mainnav-menu-wrap">
            <div class="nano">
                <div class="nano-content">
                    {if $navlist}
                    <ul id="mainnav-menu" class="list-group">
                        {foreach $navlist as $nav}
                        <li  class="{if $nav['active'] =='true'||$nav['open'] =='true'}active-sub active{/if}">
                            <a href="{if $nav.link!='#'}{$nav.link}{else}#{/if}">
                                <i class="{$nav.icon}"></i>
                                <span class="menu-title">
                                    <strong>{$nav.name}</strong>
                                </span>
                            </a>
                            {if isset($nav['child'])&&!empty($nav['child'])}
                            <ul class="collapse {if $nav['open']=='true'}in{/if}">
                                {foreach $nav['child'] as $child}
                                <li {if $child['active'] =='true'} class="active-link" {/if}>
                                    <a href="{$child.link}">
                                        <i class="{$child.icon}"></i>
                                        <span class="menu-title">
                                            <strong>{$child.name}</strong>
                                        </span>
                                    </a>
                                </li>
                                {/foreach}
                            </ul>
                            {/if}
                        </li>
                        {/foreach}
                    </ul>
                    {/if}
                </div>
            </div>
        </div>
    </div>
</nav>